
.d-flex {
    display: flex !important;
  }
  .img-fluid {
    max-width: 100%;
    height: 100%;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .bg-white{
    background-color: #fff !important;
  }.bg-primary-new {
    background-color:var(--td-brand-color);
  }
  .bg-success-new2 {
    background-color:var(--td-brand-color-8);
  }
  .bg-success {
    background-color:green;
  }
  .bg-danger {
    background-color:red;
  }
  .bg-warning {
    background-color:yellow;
  }
  .bg-info {
    background-color:blue;
  }
  .text-primary-new{
    color:var(--td-brand-color-8);
  }
  .text-danger{
    color:red;
  }
  .text-success{
    color:green;
  }
  .text-warning{
    color:yellow;
  }
  .text-info{
    color:blue;
  }
  
.justify-content-start {
    justify-content: flex-start !important;
  }
  .justify-content-end {
    justify-content: flex-end !important;
  }
  .justify-content-center {
    justify-content: center !important;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .justify-content-around {
    justify-content: space-around !important;
  }
  .justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-start {
    align-items: flex-start !important;
  }
  .align-items-end {
    align-items: flex-end !important;
  }
  .align-items-center {
    align-items: center !important;
  }
  .align-items-baseline {
    align-items: baseline !important;
  }
  .align-items-stretch {
    align-items: stretch !important;
  }
  .align-content-start {
    align-content: flex-start !important;
  }
  .align-content-end {
    align-content: flex-end !important;
  }
  .align-content-center {
    align-content: center !important;
  }
  .align-content-between {
    align-content: space-between !important;
  }
  .align-content-around {
    align-content: space-around !important;
  }
  .align-content-stretch {
    align-content: stretch !important;
  }
  .align-self-auto {
    align-self: auto !important;
  }
  .align-self-start {
    align-self: flex-start !important;
  }
  .align-self-end {
    align-self: flex-end !important;
  }
  .align-self-center {
    align-self: center !important;
  }
  .rounded-0{
    border-radius: 0;
  }
  .rounded-1{
    border-radius: 1rem;
  }

.rounded{
  border-radius: 8rpx;
}
.rounded-circle{
  border-radius: 50%;
}
/* Flex 工具类 */
.flex {
  display: flex;
}


.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}
/* .img-fluid {
  max-width: 100%;
  height: auto;
} */

.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}

/* 文本工具类 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* 圆角工具类 */
.rounded {
  border-radius: 8rpx;
}

.rounded-lg {
  border-radius: 16rpx;
}

.rounded-full {
  border-radius: 9999rpx;
}

/* 阴影工具类 */
.shadow {
  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1);
}

/* 定位工具类 */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

/* 显示工具类 */
.hidden {
  display: none;
}

.block {
  display: block;
}
.gap{
  gap: 20rpx;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}

.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}.text-secondary {
  color: #6c757d !important;
}
.text-success {
  color: #198754 !important;
}
.text-info {
  color: #0dcaf0 !important;
}
.text-warning {
    color: #ffc107 !important;
}
.text-danger {
  color: #dc3545 !important;
}